<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font-family</title>
    <style>
        .other-font-family1{
             font-family:Serif;
         }
        .other-font-family2{
            font-family:sans-serif;
        }
        .eql-width{
            width:11ch;
        }
        .y-i{
            font-style: italic;
        }
    </style>
</head>
<body>
<p>默认的font-family：可爱</p>
<p class="other-font-family1">衬线字体：可爱</p>
<p class="other-font-family2">无衬线字体：可爱</p>
等宽的字：<p class="eql-width">18829490317</p>
不等宽的字：<p class="uneql-width">18829490317</p>
<p class="y-i">斜体：可爱cute</p>
<p class="n-i">斜体：可爱cute</p>

</body>
</html>